@charset "utf-8";
/* CSS Document */
body{ margin:0px; padding:0px; font-size:0.16rem;  color:#1d2754; font-family:"微软雅黑";}
pre{white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; Word-wrap: break-word;font-family:"微软雅黑";}
a{color:#1d2754;text-decoration:none;}
a:hover{color:#666666;text-decoration:none;}
ol,ul,li,p,h1,h5,h2,h3,h4,h6{list-style:none;margin:0px; padding:0px;}
img{border:0px;}
form{ margin:0px; padding:0px;}input,textarea{ outline:0}
h1,h2,h3{ font-weight:normal;}

.tishi{ width:12rem; margin: 0 auto; overflow: hidden; line-height: 1.5;position: relative; padding: 0.05rem 0;font-size:0.14rem;}
.tishi p{ width:11.6rem; float: left;}
.tishi p img{ width:0.16rem; height: 0.16rem; }
.tishi span{ position: absolute; right: 0;height: 0.2rem; width: 0.2rem;top: 0.1rem;}
.tishi span img{ width:100%; height: 100%; }

.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animationName{animation-name: sfs !important;}
@-webkit-keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp {0% {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft {0% {opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
  100% {opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}  50% {opacity: 1;}}
@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}  50% {opacity: 1;}}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;}
.animation-delay-100 {-webkit-animation-delay: .1s; -o-animation-delay: .1s; animation-delay: .1s}
.animation-delay-200 { -webkit-animation-delay: .3s; -o-animation-delay: .3s; animation-delay: .3s}
.animation-delay-300 { -webkit-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s}



.top{position: relative;background: url(/img/banner_bg.e0cc76b2.svg) 50%/cover no-repeat #ccdbff;background-size: auto 100%;overflow: hidden;height: 6rem; float: left;width: 100%;}
.top .ul01{width: 12rem;margin: 0 auto;overflow: hidden;position: relative;height: 0.8rem;}
.top .ul01 .li01{ float:left; position: relative; padding-left: 0.7rem; font-size: 0.32rem; color: #1d2754; font-weight: bold; line-height: 0.6rem; margin: 0.2rem 0 0 0}
.top .ul01 .li01:before{;background:url(../img/logo211021.jpg) no-repeat ; width: 0.6rem; height: 0.6rem; left: 0; top: 0;position: absolute;background-size: 100%; border-radius: 50%}
.top .ul01 .li02{ float:right; margin: 0.3rem 0 0 0 }
.top .ul01 .li02 a{float:left;margin: 0 0 0 0.4rem;line-height: 0.5rem;}
.top .ul01 .li02 a.zhuce{border-color: #1880ff;background: #1880ff;color: #fff;font-size: 0.16rem;width: 1.2rem;height: 0.5rem;cursor: pointer;outline: none;border-radius: 0.05rem; text-align: center}
.top .ul01 .li01 img{width: 0.6rem;    height: 0.6rem;    left: 0;    top: 0;    position: absolute;    background-size: 100%;    border-radius: 50%;}


.top .nav-block{background-color: #fff; filter: drop-shadow(0 0 8px rgba(10,10,10,.2)); width: 100%; float: left; position: fixed;z-index: 999;top: 0; padding-bottom: 0.2rem}
.top .ul{width: 12rem;margin: 0 auto;overflow: hidden;height: 5.2rem;position: relative;}
.top .ul .li03{position: absolute;left: 0;top: 1.2rem;width:6rem;}
.top .ul .li03 h2{font-size: 0.4rem;line-height: 0.78rem; font-weight: bold; float: left}	
.top .ul .li03 p{    width: 5.5rem;margin-top: 0.15rem;font-size: 0.26rem;line-height: 0.4rem;color: #040f42;float: left}	
.top .ul .li03 a{margin-top: 0.4rem;border-color: #1880ff;background: #1880ff;color: #fff;font-size: 0.16rem;line-height: 0.4rem;width: 2rem;height: 0.4rem;cursor: pointer;outline: none;border-radius: 0.05rem; text-align: center;float: left}	
.top .ul .li04{width: 4.8rem;position: absolute;right: 0;top: 0rem;}	
.top .ul .li04 img{ width: 4.8rem}	
.num-box{ position: relative; width: 12rem; top: -0.5rem; margin: 0 auto;background: #ffffff;border-radius: 0.1rem;box-shadow: 0 0 8px 0 #c8c8c8; overflow: hidden; padding: 0.2rem 0}
.num-box li{ width: 33.3%; float: left; text-align: center}
.num-box li p{font-size: 0.2rem;line-height: 0.32rem; color: #040f42;}
.num-box li span{font-size: 0.4rem; line-height: 0.6rem; width: 100%; font-weight: bold}	
.comtent{background: rgba(24,128,255,.2) url(/img/main_topic_bg@2x.22127690.png) 50%/cover;border-radius: 0.08rem;padding: 0.48rem 0.1rem;text-align: center; width: 11.8rem; margin: 0 auto; overflow: hidden}
.comtent h3{font-size: 0.48rem; line-height: 0.68rem; float: left; width: 100%; font-weight: bold}
.comtent p{padding:0.16rem 0 0.36rem;font-size:0.26rem;line-height:0.4rem;color:#040f42;float: left;width: 100%;}
.comtent div{ width: 100%; float: left}
.comtent div img{ width:100%}

.comtent2{padding: 1.5rem 0rem 0 0; width: 12rem; margin: 0 auto; overflow: hidden}
.comtent2 .item-left{ width: 45%; float: left;    margin: 1rem 0 0 0;}
.comtent2 .item-left h3{font-size: 0.38rem; line-height: 0.6rem; float: left; width: 100%; font-weight: bold}
.comtent2 .item-left .content{padding:0.2rem 0 0.1rem 0 ;font-size:0.2rem;line-height:0.32rem;color:#040f42; float: left}
.comtent2 .item-left .type{margin-top:0rem;color:#606787;font-size:0.16rem;line-height:0.28rem;float: left;width: 100%;}
.comtent2 .item-left a{float:left;width: 1.2rem; height: 0.4rem; line-height: 0.4rem; border-radius: 0.05rem;border:1px solid #040f42;color:#040f42; font-size: 0.16rem; padding-left: 0.2rem; background: url(https://nkf.b2b168.com/img/chat.0bf79007.svg) 0.9rem center no-repeat; background-size: 0.16rem; margin: 0.3rem 0 0 0}
.comtent2 .right{width: 50%; float: right}

.comtent3{padding: 1.5rem 0rem 0 0;width: 12rem;margin: 0 auto;overflow: hidden;}
.comtent3 .item-left{ width: 45%; float: right;    margin: 1rem 0 0 0;}
.comtent3 .item-left h3{font-size: 0.38rem; line-height: 0.6rem; float: left; width: 100%; font-weight: bold}
.comtent3 .item-left .content{padding:0.2rem 0 0.1rem 0 ;font-size:0.2rem;line-height:0.32rem;color:#040f42; float: left}
.comtent3 .item-left .type{margin-top:0rem;color:#606787;font-size:0.16rem;line-height:0.28rem;float: left;width: 100%;}
.comtent3 .item-left a{float:left;width: 1.2rem; height: 0.4rem; line-height: 0.4rem; border-radius: 0.05rem;border:1px solid #040f42;color:#040f42; font-size: 0.16rem; padding-left: 0.2rem; background: url(https://nkf.b2b168.com/img/chat.0bf79007.svg) 0.9rem center no-repeat; background-size: 0.16rem; margin: 0.3rem 0 0 0}
.comtent3 .right{width: 50%; float: left}
.comtent3 .item-left a:hover,.comtent2 .item-left a:hover{ border:1px solid #1881ff;color:#1881ff;}

.comtent4{background: #f3f4f8; width: 12rem; margin: 0 auto; margin-top: 1.5rem; overflow: hidden; padding: 0.35rem 0; border-radius: 0.08rem; text-align: center}
.comtent4 h6{margin-bottom:0.26rem;font-size:0.2rem;line-height:0.32rem; font-weight: bold}
.comtent4 a{border-color: #1880ff;background: #1880ff;color: #fff;font-size: 0.16rem;cursor: pointer;outline: none;border-radius: 0.05rem; text-align: center; padding: 0.1rem 0.2rem}

.comtent5{padding: 1.5rem 0rem 0 0; width: 12rem; margin: 0 auto; overflow: hidden}
.comtent5 h3{text-align:center;margin-bottom:0.36rem;font-weight:bold;font-size:0.4rem;line-height:0.6rem; float: left; width: 100%}
.comtent5 ul{ width:100%; float: left}
.comtent5 ul li{width:calc(33.3% - 0.6rem);margin:0rem 0.15rem 0.3rem 0.15rem;border-radius:0.08rem;background:#fff;box-shadow:0 0 0.12rem 0 hsla(0,0%,71.8%,.3);float: left;padding: 0.84rem 0.15rem 0.24rem 0.15rem;text-align: center;position: relative;}
.comtent5 ul li img{display:block;width:0.4rem;height:0.4rem;margin-bottom:0.2rem;float: left;position: absolute;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);top: 0.24rem;}
.comtent5 ul li h6{ width:100%; float: left;text-align:center;margin-bottom:0.08rem;font-size:0.2rem;line-height:0.32rem;font-weight:bold}
.comtent5 ul li p{width:100%;float: left;text-align:center;color:#606787;font-size:0.16rem;line-height:0.28rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.comtent6{ width: 100%; float: left; margin: 0.64rem 0 1.28rem 0; text-align: center; display: none}
.comtent6 a{ background:#1880ff;color:#fff;cursor:pointer;outline:none;border-radius:0.05rem;border:1px solid #1880ff;font-size:0.16rem; padding: 0.1rem 0.2rem}
.comtent6 a:hover{border:1px solid #0067e5;background:#0067e5;}

.comtent7{box-sizing:border-box;padding-top:0.58rem;padding-bottom:0.52rem;background:#1880ff;color:#fff;text-align:center;border-radius:0.08rem; margin: 0 auto; overflow: hidden; width: 12rem; text-align: center;    margin-top: 0.64rem;}
.comtent7 h4{margin-bottom: 0.42rem;font-size: 0.32rem;font-weight: bold;line-height: 0.48rem; width: 100%; float: left; color: #fff}
.comtent7 a{font-size: 0.16rem;line-height: 0.22rem;height: 0.4rem;cursor: pointer;outline: none;border-radius: 0.05rem;background: #fff;color: #1d2754;padding: 0.1rem 0.2rem;}

.page-footer{background: #e7f2ff; width: 100%; float: left; margin: 1.5rem 0 0 0;}
.page-footer .page-button{padding: 0.76rem 0.6rem 0.24rem 0.6rem; width: 10.8rem; margin: 0 auto; overflow: hidden}
.page-footer ul{width: 5.4rem;float: left;}
.page-footer ul .product{width: 1.8rem;float: left;}
.page-footer ul .suport{width: 1.8rem;float: left;}
.page-footer ul .rule{width: 1.8rem;float: left;}
.page-footer ul h6{font-size: 0.2rem;line-height: 0.32rem;font-weight: bold;width: 100%;float: left;margin: 0rem 0 0.24rem 0;}
.page-footer ul a{line-height: 0.28rem;padding-bottom: 0.08rem;width: 100%;float: left;}
.page-footer .call{width: 2.7rem;float: left;}
.page-footer .call h6{margin-bottom: 0.24rem;font-size: 0.2rem;line-height: 0.32rem;font-weight: bold;float: left;width: 100%;}
.page-footer .call .phone{font-size: 0.16rem;line-height: 0.28rem;margin-bottom: 0.1rem;width: 100%;float: left;}
.page-footer .call .email{font-size: 0.16rem;line-height: 0.28rem;margin-bottom: 0.1rem;width: 100%;float: left;}
.page-footer .call .qr{font-size: 0.16rem;line-height: 0.28rem;margin-bottom: 0.1rem;width: 100%;float: left;}
.page-footer .call .qr img{margin: 0.07rem 0 0.17rem 0;width: 1.2rem;}
.page-footer .information{width: 100%;float: left;text-align: center;font-size: 0.14rem;margin: 0.2rem 0 0 0;}
.page-footer .information span{}
.page-footer .information a{padding-left: 0.1rem;}
.comtent8{ width: 12rem; margin: 0 auto; overflow: hidden; background: #f3f4f8; margin-top: 1rem; padding: 0.5rem 0 ; border-radius: 0.2rem}
.comtent8 h3{text-align:center;margin-bottom:0.36rem;font-weight:bold;font-size:0.4rem;line-height:0.6rem; float: left; width: 100%}
.comtent8 .liuchen01{float: left;width: calc(100% - 0.3rem);font-size: 0.16rem;margin-bottom: 0.2rem;}
.comtent8 .liuchen01 li{margin-left: 0.3rem;position: relative;background: #ffffff;float: left;padding: 0.3rem 0.1rem 0 0.1rem;float: left;border-radius: 0.1rem 0rem 0.3rem 0rem;line-height: 0.3rem;width: calc(20% - 0.5rem);height: 0.5rem;text-align: center;box-shadow: 0 0 0.12rem 0 hsla(0,0%,71.8%,.3);}
.comtent8 .liuchen01 li:before{background: url(https://nkf.b2b168.com/img/jiantoulc2.png) no-repeat;content: '';left: -0.4rem;position: absolute;top: 0.15rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;}
.comtent8 li span{background: #1880ff;color: #ffffff;border-radius: 50%;/* padding: 0.01rem 0.04rem; */font-size: 0.12rem;margin-right: 0.1rem;position: absolute;width: 0.24rem;height: 0.24rem;text-align: center;line-height: 0.24rem;left: 0;top: 0;box-shadow: 1px 1px 1px #666;}
.comtent8 .liuchen01 li .guanw{position: absolute;top: -0.7rem;width: 2.8rem;background: #ffffff;border-radius: 0.05rem;text-align: center;left: 50%;margin-left: -1.4rem;box-shadow: 0 0 0.12rem 0 hsla(0,0%,71.8%,.3);}
.comtent8 .liuchen01 li .guanw:before{background: url(https://nkf.b2b168.com/img/jiantoulc4.png) no-repeat;content: '';left: 50%;position: absolute;top: 0.3rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.comtent8 .liuchen02{float: left;width: calc(100% - 0.3rem);font-size: 0.16rem;margin-bottom: 0.2rem;}
.comtent8 p{font-weight: bold;padding: 0.2rem 0.5rem;height: 0.3rem;line-height: 0.3rem;float: left;}
.comtent8 .liuchen02 li{margin-left: 0.3rem;position: relative;background: #ffffff;float: left;padding: 0.3rem 0.1rem 0 0.1rem;float: left;line-height: 0.3rem;color: #1d2754;box-shadow: 0 0 0.12rem 0 hsla(0,0%,71.8%,.3);border-radius: 0.1rem 0rem 0.3rem 0rem;width: calc(20% - 0.5rem);height: 0.5rem;text-align: center;}
.comtent8 .liuchen02 li:before{background: url(https://nkf.b2b168.com/img/jiantoulc2.png) no-repeat;content: '';left: -0.4rem;position: absolute;top: 0.15rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;}
.comtent8 li:first-child:before{background: none}
.comtent8 a{color: #1d2754;}
.comtent8 .liuchen02 li:first-child+li+li+li+li{}
.comtent8 .liuchen02 li:first-child+li+li+li+li:before{background: url(https://nkf.b2b168.com/img/jiantoulc2.png) no-repeat;content: '';left: -0.4rem;position: absolute;top: 0.15rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;}
.comtent8 .liuchen02 li:first-child+li+li+li+li+li{float: right;margin-right: 0rem;margin-top: 0.4rem;margin-left: 0;width: calc(20% - 1rem);padding: 0.15rem 0.35rem 0 0.35rem;height: 0.65rem;}
.comtent8 .liuchen02 li:first-child+li+li+li+li+li:before{background: url(https://nkf.b2b168.com/img/jiantoulc3.png) no-repeat;content: '';left: 50%;position: absolute;top: -0.45rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;margin-left: -0.25rem;}
.comtent8 .liuchen02 li:first-child+li+li+li+li+li+li{float: right;margin-right: 0.4rem;margin-top: 0.4rem;}
.comtent8 .liuchen02 li:first-child+li+li+li+li+li+li:before{background: url(https://nkf.b2b168.com/img/jiantoulc5.png) no-repeat;content: '';left: inherit;right: -0.45rem;position: absolute;top: 0.15rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;}
.comtent8 .liuchen02 li:hover{ background:#005ed1 }

.comtent9{ width: 12rem; margin: 0 auto; overflow: hidden; background: #f3f4f8; margin-top: 1rem; padding: 0.5rem 0 ; border-radius: 0.2rem}
.comtent9 h3{text-align:center;margin-bottom:0.36rem;font-weight:bold;font-size:0.4rem;line-height:0.6rem;float: left;width: 100%;margin-bottom: 1rem;}
.comtent9 .liuchen01{float: left;width: 100%;font-size: 0.16rem;margin-bottom: 0.2rem;}
.comtent9 .liuchen01 li{margin-left: 0.3rem;position: relative;background: #1880ff;float: left;padding: 0 0.27rem;float: left;border-radius: 0.05rem;line-height: 0.4rem;}
.comtent9 .liuchen01 li:before{background: url(https://nkf.b2b168.com/img/jiantoulc2.png) no-repeat;content: '';left: -0.4rem;position: absolute;top: -0.05rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;}
.comtent9 li span{background: #ffffff;color: #000000;border-radius: 50%;padding: 0.01rem 0.04rem;font-size: 0.12rem;margin-right: 0.1rem;}
.comtent9 .liuchen01 li .guanw{position: absolute;top: -0.7rem;width: 2.8rem;background: #1880ff;border-radius: 0.05rem;text-align: center;left: 50%;margin-left: -1.4rem;}
.comtent9 .liuchen01 li .guanw:before{background: url(https://nkf.b2b168.com/img/jiantoulc4.png) no-repeat;content: '';left: 50%;position: absolute;top: 0.3rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.comtent9 .liuchen01 li .guanw2{position: absolute;top: 0.7rem;width: 1.2rem;background: #304ce9;border-radius: 0.05rem;text-align: center;left: 50%;margin-left: -0.6rem;color: #ffffff;}
.comtent9 .liuchen01 li .guanw2:before{background: url(https://nkf.b2b168.com/img/jiantoulc3.png) no-repeat;content: '';left: 50%;position: absolute;top: -0.4rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.comtent9 .liuchen01 li .guanw2:after{background: url(https://nkf.b2b168.com/img/jiantoulc3.png) no-repeat;content: '';left: 50%;position: absolute;bottom: -0.4rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;-webkit-transform: translateX(-50%);transform: translateX(-50%);}

.comtent9 .liuchen02{  float: left;width: 100%;font-size: 0.16rem;margin-bottom: 0.2rem;}
.comtent9 p{font-weight: bold;padding: 0.2rem 0.5rem;height: 0.3rem;line-height: 0.3rem;float: left;}
.comtent9 .liuchen02 li{margin-left: 0.3rem;position: relative;background: #1880ff;float: left;padding: 0 0.29rem;float: right;border-radius: 0.05rem;line-height: 0.4rem;color: #ffffff;}
.comtent9 .liuchen02 li:before{background: url(https://nkf.b2b168.com/img/jiantoulc2.png) no-repeat;content: '';left: -0.4rem;position: absolute;top: -0.05rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;}
.comtent9 li:first-child:before{background: none}
.comtent9 a{color: #ffffff;}
.comtent9 .liuchen02 .li01{float: right;margin-right: 3rem;margin-top: 0.8rem;margin-left: 0;}
.comtent9 .liuchen02 .li01:before{background: url(https://nkf.b2b168.com/img/jiantoulc5.png) no-repeat;content: '';left: -0.45rem;position: absolute;top: -0.05rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;}
.comtent9 .liuchen02 .li02{float: right;margin-right: 0.4rem;margin-top: 0.8rem;margin-left: 0;}
.comtent9 .liuchen02 .li02:before{background: url(https://nkf.b2b168.com/img/jiantoulc3.png) no-repeat;content: '';left: 50%;position: absolute;top: -0.45rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;background: none;}
.comtent9 .liuchen02 .li03{float: right;margin-right: 0.4rem;margin-top: 0.8rem;}
.comtent9 .liuchen02 .li03:before{background: url(https://nkf.b2b168.com/img/jiantoulc5.png) no-repeat;content: '';left: inherit;right: -0.45rem;position: absolute;top: -0.05rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;}
.comtent8 .liuchen02  li:hover,.comtent8 .liuchen01  li:hover{ background:#1880ff; color: #ffffff}
.comtent8 .liuchen02  li a:hover,.comtent8 .liuchen01  li a:hover{ color: #ffffff}
.comtent8 .liuchen01 li .guanw:hover{background: #1880ff;}
.comtent8 .liuchen01 li .guanw a:hover{ color: #ffffff}

.cnzakf2019{ width:180px;float: right; border:1px solid #000000; background:#ededed;padding-bottom:25px;border-bottom:2px #000 solid; position:fixed; right:0; z-index:999; top: 90px; }
.cnzakf2019 .onlinezx{ background:#000000; width:180px; text-align:center; font-size:20px; font-weight:bold; color:#ffffff; line-height:60px; float:left;}
.cnzakf2019 .fdzs{ position:absolute;cursor:pointer; top:0px; right:5px; background:url(//i.b2b168.com/shop/images/zxkf2019.png) -50px center no-repeat; width:10px; height:60px;}
.cnzakf2019 .li01{ width:165px; float:left; text-align:center; margin-left:10px; font-size:14px; color:#333; padding:15px 0 10px 0; border-bottom:1px solid #e4e3e3}
.cnzakf2019 .li02{width:165px; float:left; text-align:center; margin-left:10px; padding:15px 0 10px 0; border-bottom:1px solid #e4e3e3; height:22px;}
.cnzakf2019 .li02 span{ float:left; line-height:22px; padding-right:5px;}
.cnzakf2019 .li02 a{ float:left;}
.cnzakf2019 .li03{ width:165px; margin-left:10px; font-size:14px; color:#333; padding:15px 0 10px 0; border-bottom:1px solid #e4e3e3; line-height:25px; float:left;}
.cnzakf2019 .li03 span{ float:left; width:165px; padding-bottom:10px}
.cnzakf2019 .li03 a{ float:left; width:85px; margin-left:37px; line-height:40px; color:#ffffff; background:#000; text-align:center; border-radius: 5px;}
.cnzakf2019 .li04{ float:left; width:180px; height:165px; text-align:center; padding:15px 0 10px 0; line-height:20px;}
.cnzakf2019 .li04 .spn01{ margin:0 auto; width:120px; text-align:center;}
.cnzakf2019 .li04 .spn02{ width:180px; text-align:center;}
.cnzakf2019 .li04 img{ max-width:120px; max-height:120px; margin-bottom:5px; margin: 0 auto;}
.cnzakf2019 .li05{width: 180px;font-size: 14px;color: #333;padding: 15px 0 10px 0;line-height: 25px;float: left;position: absolute;bottom: -90px; border-top: 0; /*border: 1px solid #000000; margin-left: -1px;*/}
.cnzakf2019 .li05 .lsp{float: left;width: 100%;text-align: center;font-size: 22px;margin: 20px 0;}
.cnzakf2019 .li05 .lsp a{border: 1px solid #ff8030;padding: 8px 30px;border-radius: 6px;background:#ff8030;color: #ffffff ;}

.cnzakf20192{display: none;width: 35px;float: right;border: 1px solid #000000;background: #000;padding-bottom: 25px;border-bottom: 2px #000 solid;position: fixed;height: 115px;right: 0;z-index: 999; top: 90px;}
.cnzakf20192 ul{width: 35px;text-align: center;float: left;padding: 10px 0 0 0;color: #fff;line-height: 25px;margin-top: 22px;}
.cnzakf20192 .fdzs{position: absolute; cursor:pointer; top: 9px;right: 10px;background: url(//i.b2b168.com/shop/images/zxkf2019.png) 4px center no-repeat;width: 15px;height: 15px;border: 1px solid #bcbcbc;}

/*显示器小于800时候生效*/
@media screen and (min-width:801px) and (max-width:980px) {.comtent8{ display: none} }
@media screen and (max-width: 800px) {
body{ font-size: 0.24rem}
.tishi{width: calc(100% - 0.2rem);margin: 0 auto;overflow: hidden;line-height: 1.5;position: relative;padding: 0.1rem;font-size: 0.2rem;}
.tishi p{width: calc(100% - 0.4rem);float: left;}
.tishi p img{width: 0.24rem;height: 0.24rem;}
.tishi span{position: absolute;right: 0.1rem;height: 0.3rem;width: 0.3rem;top: 0.1rem;}
.tishi span img{ width:100%; height: 100%; }



.top{position: relative;background: url(/img/banner_bg.e0cc76b2.svg) 50%/cover no-repeat #ccdbff;background-size: auto 100%;overflow: hidden;height: 6rem; float: left;width: 100%;}
.top .ul01{width: calc(100% - 0.4rem);overflow: hidden;position: relative;height: 0.8rem;float: left;margin: 0 0.2rem;}
.top .ul01 .li01{ float:left; position: relative; padding-left: 0.7rem; font-size: 0.32rem; color: #1d2754; font-weight: bold; line-height: 0.6rem; margin: 0.2rem 0 0 0}
.top .ul01 .li01:before{content: "";background:url(../img/logo211021.jpg) no-repeat ; width: 0.6rem; height: 0.6rem; left: 0; top: 0;position: absolute;background-size: 100%; border-radius: 50%}
.top .ul01 .li02{ float:right; margin: 0.3rem 0 0 0 }
.top .ul01 .li02 a{float:left;margin: 0 0 0 0.4rem;line-height: 0.5rem;}
.top .ul01 .li02 a.zhuce{border-color: #1880ff;background: #1880ff;color: #fff;font-size: 0.24rem;width: 1.5rem;height: 0.5rem;cursor: pointer;outline: none;border-radius: 0.05rem;text-align: center;}

.top .nav-block{background-color: #fff; filter: drop-shadow(0 0 8px rgba(10,10,10,.2)); width: 100%; float: left; position: fixed;z-index: 999;top: 0; padding-bottom: 0.2rem}
.top .ul{margin: 0 auto;overflow: hidden;height: 5.2rem;position: relative;width: calc(100% - 0.4rem);}
.top .ul .li03{position: absolute;left: 0;top: 1.2rem;width: 50%;}
.top .ul .li03 h2{font-size: 0.26rem;line-height: 0.78rem;font-weight: bold;float: left;width: 100%;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}	
.top .ul .li03 p{width: 100%;margin-top: 0.15rem;font-size: 0.24rem;line-height: 0.4rem;color: #040f42;float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}	
.top .ul .li03 a{margin-top: 0.3rem;border-color: #1880ff;background: #1880ff;color: #fff;font-size: 0.24rem;line-height: 0.6rem;width: 2rem;height: 0.6rem;cursor: pointer;outline: none;border-radius: 0.05rem;text-align: center;float: left;}	
.top .ul .li04{width: 45%;position: absolute;right: 0;top: 0rem;}	
.top .ul .li04 img{width: 100%;}	
.num-box{position: relative;width: 90%;top: -0.5rem;margin: 0 auto;background: #ffffff;border-radius: 0.1rem;box-shadow: 0 0 8px 0 #c8c8c8;overflow: hidden;padding: 0.2rem 0;}
.num-box li{ width: 33.3%; float: left; text-align: center}
.num-box li p{font-size: 0.24rem;line-height: 0.4rem;color: #040f42;}
.num-box li span{font-size: 0.4rem; line-height: 0.6rem; width: 100%; font-weight: bold}	
.comtent{background: rgba(24,128,255,.2) url(/img/main_topic_bg@2x.22127690.png) 50%/cover;border-radius: 0.08rem;padding: 0.48rem 0rem;text-align: center;width: 100%;FONT-VARIANT: JIS90;overflow: hidden;}
.comtent h3{font-size: 0.48rem; line-height: 0.68rem; float: left; width: 100%; font-weight: bold}
.comtent p{padding:0.16rem 0 0.36rem;font-size:0.26rem;line-height:0.4rem;color:#040f42}
.comtent div{ width: 100%; float: left}
.comtent div img{ width:100%}

.comtent2{padding: 1rem 0rem 0 0;width: calc(100% - 0.4rem);overflow: hidden;float: left;margin: 0 0.2rem;}
.comtent2 .item-left{width: 100%;float: left;margin: 0rem 0 0.5rem 0;text-align: center;position: relative;padding-bottom: 1rem;}
.comtent2 .item-left h3{font-size: 0.4rem;line-height: 0.6rem;float: left;width: 100%;font-weight: bold;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.comtent2 .item-left .content{padding: 0;font-size: 0.24rem;line-height: 0.4rem;color:#040f42;float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 0.2rem 0 .01rem 0;width: 100%;}
.comtent2 .item-left .type{margin-top:0rem;color:#606787;font-size: 0.2rem;line-height: 0.4rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.comtent2 .item-left a{float: none;width: auto;height: 0.5rem;line-height: 0.5rem;border-radius: 0.05rem;border:1px solid #040f42;color:#040f42;font-size: 0.24rem;padding-left: 0.2rem;background: url(https://nkf.b2b168.com/img/chat.0bf79007.svg) 1.2rem center no-repeat;background-size: 0.24rem;margin: 0.3rem 0 0 0;padding: 0 0.5rem 0 0.2rem;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.comtent2 .right{width: 100%;float: right;}

.comtent3{padding: 1rem 0rem 0 0;width: calc(100% - 0.4rem);overflow: hidden;margin: 0 0.2rem;float: left;}
.comtent3 .item-left{width: 100%;float: right;margin: 0rem 0 0.5rem 0;text-align: center;position: relative;padding-bottom: 1rem;}
.comtent3 .item-left h3{font-size: 0.4rem;line-height: 0.6rem;float: left;width: 100%;font-weight: bold;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.comtent3 .item-left .content{padding: 0;font-size:0.2rem;line-height:0.32rem;color:#040f42;float: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;margin: 0.2rem 0 0.2rem 0;}
.comtent3 .item-left .type{margin-top:0rem;color:#606787;font-size:0.16rem;line-height:0.28rem;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.comtent3 .item-left a{float: none;width: auto;height: 0.5rem;line-height: 0.5rem;border-radius: 0.05rem;border: 1px solid #040f42;color: #040f42;font-size: 0.24rem;padding-left: 0.2rem;background: url(https://nkf.b2b168.com/img/chat.0bf79007.svg) 1.2rem center no-repeat;background-size: 0.24rem;margin: 0.3rem 0 0 0;padding: 0 0.5rem 0 0.2rem;position: absolute;bottom: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.comtent3 .right{width: 100%;float: left;}
.comtent3 .item-left a:hover,.comtent2 .item-left a:hover{ border:1px solid #1881ff;color:#1881ff;}

.comtent4{background: #f3f4f8;width: 100%;margin: 0 auto;margin-top: 1rem;overflow: hidden;padding: 0.35rem 0 0.6rem 0;border-radius: 0.08rem;text-align: center;float: left;}
.comtent4 h6{margin-bottom: 0.4rem;font-size: 0.32rem;line-height: 0.6rem;font-weight: bold;}
.comtent4 a{border-color: #1880ff;background: #1880ff;color: #fff;font-size: 0.24rem;cursor: pointer;outline: none;border-radius: 0.05rem;text-align: center;padding: 0.15rem 0.4rem;}

.comtent5{padding: 1rem 0rem 0 0;width: calc(100% - 0.4rem);overflow: hidden;float: left;margin: 0 0.2rem;}
.comtent5 h3{text-align:center;margin-bottom: 0.5rem;font-weight:bold;font-size:0.4rem;line-height:0.6rem;float: left;width: 100%;}
.comtent5 ul{ width:100%; float: left}
.comtent5 ul li{width: calc(50% - 0.6rem);margin:0rem 0.15rem 0.3rem 0.15rem;border-radius:0.08rem;background:#fff;box-shadow:0 0 0.12rem 0 hsla(0,0%,71.8%,.3);float: left;padding: 1.04rem 0.15rem 0rem 0.15rem;height: 2.2rem;}
.comtent5 ul li img{display:block;width: 0.6rem;height: 0.6rem;margin-bottom: 0.3rem;float: left;}
.comtent5 ul li h6{width:100%;float: left;text-align:center;margin-bottom: 0.15rem;font-size: 0.28rem;line-height: 0.5rem;font-weight:bold;}
.comtent5 ul li p{width:100%;float: left;text-align:center;color:#606787;font-size: 0.24rem;line-height: 0.4rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.comtent6{width: 100%;float: left;margin: 0.64rem 0 1rem 0;text-align: center;}
.comtent6 a{background:#1880ff;color:#fff;cursor:pointer;outline:none;border-radius: 0.1rem;border:1px solid #1880ff;font-size: 0.24rem;padding: 0.15rem 0.3rem;}
.comtent6 a:hover{border:1px solid #0067e5;background:#0067e5;}

.comtent7{box-sizing:border-box;padding-top:0.58rem;padding-bottom: 0.7rem;background:#1880ff;color:#fff;text-align:center;border-radius:0.08rem;margin: 0 auto;overflow: hidden;width: 100%;text-align: center;}
.comtent7 h4{margin-bottom: 0.42rem;font-size: 0.32rem;font-weight: bold;line-height: 0.48rem; width: 100%; float: left; color: #fff}
.comtent7 a{font-size: 0.24rem;height: 0.4rem;cursor: pointer;outline: none;border-radius: 0.05rem;background: #fff;color: #1d2754;padding: 0.15rem 0.3rem;}

.page-footer{background: #e7f2ff;width: 100%;float: left;margin: 1rem 0 0 0;}
.page-footer .page-button{padding: 0.76rem 0.2rem 0.24rem 0.2rem;width: calc(100% - 0.4rem);margin: 0 auto;overflow: hidden;}
.page-footer ul{width: 100%;float: left;border-bottom: 1px solid #ced9e5;}
.page-footer ul .product{width: calc(33.3% - 0.4rem);float: left;margin-left: 0.4rem;}
.page-footer ul .suport{width: 33.3%;float: left;}
.page-footer ul .rule{width: 33.3%;float: left;}
.page-footer ul h6{font-size: 0.28rem;line-height: 0.5rem;font-weight: bold;width: 100%;float: left;margin: 0rem 0 0.14rem 0;}
.page-footer ul a{line-height: 0.4rem;padding-bottom: 0.1rem;width: 100%;float: left;font-size: 0.2rem;}
.page-footer .call{width: calc(50% - 0.4rem);float: left;margin-left: 0.4rem;margin-top: 0.5rem;}
.page-footer .call h6{margin-bottom: 0.24rem;font-size: 0.28rem;line-height: 0.5rem;font-weight: bold;float: left;width: 100%;}
.page-footer .call .phone{font-size: 0.20rem;line-height: 0.4rem;margin-bottom: 0.1rem;width: 100%;float: left;}
.page-footer .call .email{font-size: 0.2rem;line-height: 0.4rem;margin-bottom: 0.1rem;width: 100%;float: left;}
.page-footer .call .qr{font-size: 0.2rem;line-height: 0.4rem;margin-bottom: 0.1rem;width: 100%;float: left;}
.page-footer .call .qr img{margin: 0.07rem 0 0.17rem 0;width: 1.5rem;}
.page-footer .information{width: 100%;float: left;text-align: center;font-size: 0.2rem;padding: 0.3rem 0 0 0;border-top: 1px solid #ced9e5;margin: 0;}
.page-footer .information span{}
.page-footer .information a{padding-left: 0.1rem;}
.comtent8{width: 100%;margin: 0 auto;overflow: hidden;background: #f3f4f8;margin-top: 1rem;padding: 0.5rem 0;border-radius: 0.2rem;}
.comtent8 h3{text-align:center;margin-bottom:0.36rem;font-weight:bold;font-size:0.4rem;line-height:0.6rem; float: left; width: 100%}
.comtent8 .liuchen01{float: left;width: 100%;font-size: 0.16rem;margin-bottom: 0.2rem;}
.comtent8 .liuchen01 li{margin-left: 0.3rem;position: relative;float: left;padding: 0 0 0 0.2rem;float: left;border-radius: 0.05rem;line-height: 0.6rem;width: calc(100% - 1.2rem);margin-bottom: 0.2rem;background: #1880ff;text-align: left;padding-bottom: 0.1rem;}
.comtent8 .liuchen01 li:before{background: url(https://nkf.b2b168.com/img/jiantoulc2.png) no-repeat;content: '';left: -0.4rem;position: absolute;top: -0.05rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;background: none;}
.comtent8 li span{background: #ffffff;color: #000000;border-radius: 50%;padding: 0.01rem 0.04rem;font-size: 0.2rem;margin-right: 0.1rem;position: inherit;box-shadow: 0px 0 0;left: 0rem;}
.comtent8 .liuchen01 li .guanw{position: absolute;top: -0.7rem;width: 2.8rem;background: #1880ff;border-radius: 0.05rem;text-align: center;left: 50%;margin-left: -1.4rem;display: none;}

.comtent8 .liuchen01 li .guanw:before{background: url(https://nkf.b2b168.com/img/jiantoulc4.png) no-repeat;content: '';left: 50%;position: absolute;top: 0.3rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.comtent8 .liuchen02{  float: left;width: 100%;font-size: 0.16rem;margin-bottom: 0.2rem;}
.comtent8 p{font-weight: bold;padding: 0.2rem 0.5rem;height: 0.3rem;line-height: 0.3rem;float: left;width: calc(100% - 1rem);font-size: 0.3rem;}
.comtent8 .liuchen02 li{margin-left: 0.3rem;position: relative;background: #1880ff;float: left;padding: 0 0.2rem;float: left;border-radius: 0.05rem;line-height: 0.6rem;color: #ffffff;width: 50%;margin-bottom: 0.2rem;width: calc(100% - 1.2rem);text-align: left;padding-bottom: 0.1rem;}
.comtent8 .liuchen02 li:before{background: url(https://nkf.b2b168.com/img/jiantoulc2.png) no-repeat;content: '';left: -0.4rem;position: absolute;top: -0.05rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;background: none;}
.comtent8 li:first-child:before{background: none}
.comtent8 a{color: #ffffff;}
.comtent8 .liuchen02 li:first-child+li+li+li+li{}
.comtent8 .liuchen02 li:first-child+li+li+li+li:before{background: url(https://nkf.b2b168.com/img/jiantoulc2.png) no-repeat;content: '';left: -0.4rem;position: absolute;top: -0.05rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;background: none;}
.comtent8 .liuchen02 li:first-child+li+li+li+li+li{float: right;margin-right: 0.4rem;margin-top: 0rem;margin-left: 0;float: left;margin-left: 0.3rem;width: calc(100% - 1.2rem);text-align: left;padding: 0 0.2rem;}
.comtent8 .liuchen02 li:first-child+li+li+li+li+li:before{background: url(https://nkf.b2b168.com/img/jiantoulc3.png) no-repeat;content: '';left: 50%;position: absolute;top: -0.45rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;background: none;}
.comtent8 .liuchen02 li:first-child+li+li+li+li+li+li{float: right;margin-right: 0.4rem;margin-top: 0.4rem;float: right;margin-right: 0.4rem;margin-top: 0rem;margin-left: 0;float: left;margin-left: 0.3rem;text-align: left;line-height: 0.6rem;padding: 0 0.2rem;padding-bottom: 0.1rem;}
.comtent8 .liuchen02 li:first-child+li+li+li+li+li+li:before{background: url(https://nkf.b2b168.com/img/jiantoulc5.png) no-repeat;content: '';left: inherit;right: -0.45rem;position: absolute;top: -0.05rem;width: 0.5rem;height: 0.5rem;background-size: 0.5rem;background: none;}
.comtent8 .liuchen02 li:hover{ background:#005ed1 }
}